<template>
    <div id="app">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive">
                <!-- 这里是会被缓存的视图组件，比如 page1,page2 -->
            </router-view>
        </keep-alive>

        <router-view v-if="!$route.meta.keepAlive">
            <!-- 这里是不被缓存的视图组件，比如 page3 -->
        </router-view>
    </div>
</template>

<script>
    export default {
        name: 'app'
    }
</script>
<style>
    html, body, #app {
        height: 100%;
    }

    * {
        margin: 0px;
        padding: 0px;
    }

    .mint-cell:last-child {
        background-image: linear-gradient(0deg, #d9d9d9, #fdfdfd 50%, transparent 50%);
    }

    .mint-cell-wrapper {
        background-image: linear-gradient(180deg, #d9d9d9, #fdfdfd 50%, transparent 50%);

    }

    .el-notification.left {
        left: 20px;
    }

    .el-notification {
        width: 335px;
    }

    element.style {
        top: 19px !important;
    }

</style>
